<!--A Design by W3layouts
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE HTML>
<html>
<head>
<title>Free Focus Photography  Website Template | Gallery :: w3layouts</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link href="./css/style.css" rel="stylesheet" type="text/css" media="all">
<link href="./css/slider.css" rel="stylesheet" type="text/css" media="all">
<script src="./js/jquery.min.js" type="text/javascript"></script>
<script src="./js/slidermodernizr.custom.js"></script>
<script src="./js/jquery.lighter.js" type="text/javascript"></script>
<link href="./css/jquery.lighter.css" rel="stylesheet" type="text/css" />
</head>
<body>
  <!--- Background slider ------>
 	<div class="slider">
 	      <ul id="cbp-bislideshow" class="cbp-bislideshow">
					<li><img src="./images/1.jpg" alt="image01"/></li>
					<li><img src="./images/2.jpg" alt="image02"/></li>
					<li><img src="./images/3.jpg" alt="image03"/></li>
					<li><img src="./images/4.jpg" alt="image04"/></li>
					<li><img src="./images/5.jpg" alt="image05"/></li>
               </ul>   
	    <script src="./js/jquery.imagesloaded.min.js"></script>
		<script src="./js/cbpBGSlideshow.min.js"></script>
		<script>
			$(function() {
				cbpBGSlideshow.init();
			});
		</script>
	 </div>
	 <!---- End Background slider ------>
	    <div class="wrap">
	        <div class="header">
	        	<div class="header_top">
	      	       <div class="menu">
				     <ul class = "nice-menu" >
				       <li><a href="index.html">个人信息</a></li>
				       <li><a href="about.html">学习经历</a></li>
				       <li><a href="gallery.html">喜欢的图片</a></li>
				       <li><a href="contact.html">联系方式</a></li>
				     </ul>
                  </div>   
                  <div class="logo">
                  	 <h1><a href="index.html"><img src="./images/logo.png" alt="" /></a></h1>
                  </div>              
                </div>
             </div>
          </div>
          <div class="content">
           <div class="content_top">
           	 <div class="wrap">
           	   <h3>图片欣赏</h3>
	           <div class="section group">
				<div class="grid_1_of_4 images_1_of_4">
					<a class='sample' data-lighter='./images/img1_b.jpg'  href='./images/img1_b.jpg'> <img src="./images/img1.jpg" alt="" /> <span class="zoom-icon"></span></a>
				</div>
				<div class="grid_1_of_4 images_1_of_4">
					<a class='sample' data-lighter='./images/img2_b.jpg'  href='./images/img2_b.jpg'> <img src="./images/img2.jpg" alt="" /><span class="zoom-icon"></span> </a>
				</div>
				<div class="grid_1_of_4 images_1_of_4">
					<a class='sample' data-lighter='./images/img3_b.jpg'  href='./images/img3_b.jpg'> <img src="./images/img3.jpg" alt="" /><span class="zoom-icon"></span> </a>
				</div>
				<div class="grid_1_of_4 images_1_of_4">
					<a class='sample' data-lighter='./images/img4_b.jpg'  href='./images/img4_b.jpg'> <img src="./images/img4.jpg" alt="" /><span class="zoom-icon"></span> </a>
				</div>
		   </div>	
		   <div class="section group">
				<div class="grid_1_of_4 images_1_of_4">
					<a class='sample' data-lighter='./images/img5_b.jpg'  href='./images/img5_b.jpg'> <img src="./images/img5.jpg" alt="" /><span class="zoom-icon"></span> </a>
				</div>
				<div class="grid_1_of_4 images_1_of_4">
					<a class='sample' data-lighter='./images/img7_b.jpg'  href='./images/img7_b.jpg'> <img src="./images/img7.jpg" alt="" /><span class="zoom-icon"></span> </a>
				</div>
				<div class="grid_1_of_4 images_1_of_4">
					<a class='sample' data-lighter='./images/img6_b.jpg'  href='./images/img6_b.jpg'> <img src="./images/img6.jpg" alt="" /><span class="zoom-icon"></span> </a>
				</div>
				<div class="grid_1_of_4 images_1_of_4">
					<a class='sample' data-lighter='./images/img8_b.jpg'  href='./images/img8_b.jpg'> <img src="./images/img8.jpg" alt="" /><span class="zoom-icon"></span> </a>
				</div>
		   </div>			   	  
         </div>
       </div>
     </div>
             <div class="footer">
              	 <div class="wrap">
              	 	<div class="copy_right">
				     
		      	    </div>
          		 </div>
            </div> 	  
     </body>
 </html>

